.change-space-drawer {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 20px 20px 50px 20px;
	background-color: #fff;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	transform: translateY(100%);
	transition: all 0.3s;
	max-height: 60vh;
	&.load {
		transform: translateY(0%);
	}
	.user {
		display: flex;
		width: 100%;
		height: 100px;
		justify-content: space-between;
		align-items: center;
		gap: 60px;
		border-bottom: 1px solid #eee;
		.left {
			flex: 1;
			height: 100%;
			display: flex;
			align-items: center;
			gap: 20px;
			.avatar {
				width: 80px;
				height: 80px;
				.img {
					width: 100%;
					height: 100%;
				}
			}
			.nickname {
				font: 600 32px / 32px '思源黑体';
				color: #333;
			}
		}
		.setting {
			height: 100%;
			width: 100px;
			.img {
				margin: 30px 0 30px 60px;
				width: 40px;
				height: 40px;
			}
		}
	}
	.title {
		height: 100px;
		width: 100%;
		font: 400 34px / 34px '思源黑体';
		color: #666;
		display: flex;
		align-items: center;
		justify-content: space-between;
		.add {
			height: 100%;
			width: 100px;
			.img {
				margin: 30px 0 30px 60px;
				width: 40px;
				height: 40px;
			}
		}
	}
	.space-list {
		width: 100%;
		height: calc(100% - 200px);
		overflow-y: scroll;
		overflow-x: hidden;
		padding-bottom: 50px;
		.space-item {
			height: 90px;
			width: 100%;
			font: 400 32px / 32px '思源黑体';
			display: flex;
			justify-content: space-between;
			gap: 60px;
			align-items: center;
			.name {
				flex: 1;
			}
			.img {
				width: 40px;
				height: 40px;
			}
		}
	}
}
